@charset "utf-8";
@import (reference) "base.less";  
body,html,.bg{height: 100%; color: #fff;.pr;background: #f677c3;}
.w-80 {width: 80%; }
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {
    text-align: center;font-size: 18px; overflow: hidden;
    /* Center slide text vertically */
    display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;  display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

.pagedown {
    width: 100%; position: absolute; bottom:5px; left: 0;   z-index: 6;
    img:first-child{width: 100px; height: auto; .db; margin: 5px auto;}
    .arrow-down{
        -webkit-animation: opacity 1.2s linear infinite; width: 20px; height: auto;.dib;
        width: 18px; height: 17px; background: url(../images/valentine/arrow.png) no-repeat 0 0;
        background-size: 100% 100%;position: initial;
    }
}
figure {padding: 10px 5%; }
.heatbest{width: 60%;}
.gorun {;
    width:140px; height:56px; text-align:center; line-height:48px; font-size: 20px; color:#fff;
    background: url(../images/valentine/btn.png) no-repeat center center;
    background-size: 140px 56px;
}
.heart-tips {font-size: 12px; color: #fff; .pt10;}
.heartbg {
    
    background: url(../images/valentine/bg.png) no-repeat center center;
    background-size: 100% auto;display: block;
}
.hearttd {-webkit-animation: heart 1.2s linear infinite; }
@keyframes opacity {
    0% {
        -webkit-transform: translate(0,0px)
    }
    25% {
        -webkit-transform: translate(0,-3px)
    }
    50% {
        -webkit-transform: translate(0,1px)
    }
    75% {
        -webkit-transform: translate(0,-1px)
    }
    100% {
        -webkit-transform: translate(0,0px)
    }
}

@-webkit-keyframes opacity {
    0% {
        -webkit-transform: translate(0,0px)
    }
    25% {
        -webkit-transform: translate(0,-3px)
    }
    50% {
        -webkit-transform: translate(0,1px)
    }
    75% {
        -webkit-transform: translate(0,-1px)
    }
    100% {
        -webkit-transform: translate(0,0px)
    }
}

@keyframes heart {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.8)
    }
    50% {
        -webkit-transform: scale(1)
    }
    75% {
        -webkit-transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes heart {
     0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.8)
    }
    50% {
        -webkit-transform: scale(1)
    }
    75% {
        -webkit-transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
.flower-bg {
    background: url(../images/valentine/bg02.png) no-repeat center 0;
    background-size: 100% auto; 
    figcaption{.ac;font-size: 12px; }
}
.heartsmall {
    background: url(../images/valentine/flower.png) no-repeat center center;
    background-size: 100% 100%; .pr; z-index: 4;width: 82%;
}
.feng { margin-top: -45px; }
.two-code{
    .ac;
    img{width: 25%; }
    img:last-child{width: 28%; }
}
.white-bg {
    .ac;color: #f77cc6;
    background: #fff; padding:7px;position: fixed;width: 100%; left: 0; bottom: 0;
    a{
        background:#f77cc6; color: #fff; padding: 5px 10px;.roundedCorners(@radius:20px);
        display: block;margin: 0 auto;width: 30%;
    }
    img{margin-top: -25px;}
    p img:last-child{
        -moz-transform:scaleX(-1);
        -webkit-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        transform:scaleX(-1);
    }
}
.check-bg{
    padding-top:15%;position: fixed;bottom: 0; width: 100%;left: 0; color: #ed77be;
    background: url(../images/valentine/bg03.png) no-repeat center 0;font-size: 18px;
    background-size: 100% auto;
    a{margin: 10px auto;line-height:45px}
    b{font-size: 20px;}
    img{ width: 27%; margin-bottom: 10px}
}